@charset "utf-8";
@import "common";
.LayaFlash{
	background-color: #8bc01f;
	//height: 565px;
	padding-top: 60px;
	background-image: url(../img/Layafamily/bj-1.png);
	background-repeat:no-repeat ;
	//background-attachment:fixed;
	background-position: 80% 75%;	
	.left-side{
		margin-bottom: 94px;
		>.row{
			.num-1{
				color: #8bc01f;
				width: 66px;
				height: 66px;
				border-radius: 5px;
				background-color: #ffffff;
				display: flex;
				align-items: center;
				justify-content: center;
				p{
					font-size: 40px;
					font-weight: bolder;
					margin: 0;
					color: #8bc01f;
				}
			}
			.LayaFlash-title{
				h3{
					margin: 0;
					font-size: 48px;
					color: #ffffff;
				}
			}
		}
		.p1{
			font-size: 24px;
			color:#FFFFFF;
			margin-top: 17px;
			margin-bottom: 60px;
		}
		.p2{
			font-size: 14px;
			color: #ffffff;
			line-height: 34px;
			margin-bottom: 34px;
		}
		button{
			width: 102px;
			height: 34px;
			border-radius: 4px;
			border: none;
			background-color: #ffffff;
			color: #8bc01f;
		}
	}
	.right-side{
		//height: 500px;
		
	}
}
.LayaPlayer{
	padding-top: 60px;
	padding-bottom: 60px;
	background-color: #3393df;
	.container{
		.left-side{
			>.row{
				>.col-md-3{
					color: #8bc01f;
					width: 66px;
					height: 66px;
					border-radius: 5px;
					background-color: #ffffff;
					display: flex;
					align-items: center;
					justify-content: center;
					p{
						font-size: 40px;
						font-weight: bolder;
						margin: 0;
						color: #3393df;
					}
				}
				>.col-md-9{
					h3{
						font-size: 48px;
						color: #ffffff;
						margin: 0;
					}
				}
				>.col-md-12{
					margin-top: 20px;
				}
			}
		}
		.mid-side{
			.header{
				h3{
					margin-top: 84px;
					color: #ffffff;
				}
			}
			.header-2{
				h3{
					color: #ffffff;
				}
			}
			.mid-text{
				p{
					color: #FFFFFF;
					line-height: 30px;
				}
			}
		}
		.right-side{
			margin-top: 228px;
		}
	}
}
.LayaAirLayaOpen{
	background-color: #ffffff;
	padding: 80px 0;
	.container{
		>.row{
			.above{
				.col-md-3{
					width: 64px;
					height: 64px;
					background-color: #3393df;
					border-radius: 5px;
					display: flex;
					align-items: center;
					justify-content: center;
					p{
						font-size: 40px;
						font-weight: bolder;
						margin: 0;
						color: #FFFFFF;
					}
				}
				.col-md-9{
					h3{
						font-size: 48px;
						margin: 0;
						color: #3393df;
					}
				}
				.col-md-12{
					padding: 0;
					margin-top:20px ;
					font-size: 18px;
					color: #6b6b6b;
				}
				.title{
					.title-header{
						color: #0078D7;
					}
					.title-text{
						font-size: 14px;
						text-indent: 2em;
						height: 40px;
						margin-bottom: 35px;
					}
				}
			}
		}
	}
}
.StorePublish{
	
		background-color: #F7F7F7;
		padding: 80px 0;
		.container{
			>.row{
				.above{
					.col-md-3{
						width: 64px;
						height: 64px;
						background-color: #3393df;
						border-radius: 5px;
						display: flex;
						align-items: center;
						justify-content: center;
						p{
							font-size: 40px;
							font-weight: bolder;
							margin: 0;
							color: #FFFFFF;
						}
					}
					.col-md-9{
						h3{
							font-size: 48px;
							margin: 0;
							color: #3393df;
						}
					}
					.col-md-12{
						padding: 0;
						margin-top:20px ;
						font-size: 18px;
						color: #6b6b6b;
					}
					.title{
						.title-header{
							color: #0078D7;
						}
						.title-text{
							font-size: 14px;
							text-indent: 2em;
							height: 40px;
							margin-bottom: 35px;
						}
					}
				}
			}
		}
	
}
@media (max-width:678px) {
	body{
		.LayaFlash{
			padding: 20px 0;
			background-image: none;
			.container{
				.left-side{
					margin-bottom: 0;
					.row{
						.num-1{
							width: 33px;
							height: 33px;
							p{
								font-size: 20px;
							}
						}
						.LayaFlash-title{
							h3{
								font-size: 24px;
								margin: 0 0;
							}	
						}
					}
					.p1{
						font-size: 18px;
						text-align: left;
						margin: 0 0;
					}
					.p2{
						font-size: 15px;
						text-align: left;
						margin-bottom: 0;
					}
				}
			}
		}
		.LayaPlayer{
			padding: 20px 0;
			.container{
				.right-side{
					img{
						display: none;
					}
				}
				.left-side{
					.row{
						.col-xs-3{
							width: 33px;
							height: 33px;
							p{
								font-size: 20px;
							}
						}
						.col-xs-9{
							h3{
								font-size: 24px;
								margin: 0 0;
							}
						}
						.col-md-12{
							img{
								display: none;
							}
						}
					}
					
				}
				.mid-side{
					.header{
						h3{
							margin: 10px 0;
							font-size: 20px;
						}
					}
					.mid-text{
						p{
							font-size: 12px;
							line-height: 22px;
						}
					}
					.header-2{
						h3{
							margin: 0 0;
							margin-bottom: 10px;
							font-size: 20px;
						}
					}
					
				}
				.right-side{
					margin: 0 0;
				}
			}
		}
        .LayaAirLayaOpen{
			padding: 20px 0;
			.container{
				.row{
					.above{
						>.row{
							.col-xs-3{
								width: 33px;
								height: 33px;
								p{
									font-size: 20px;
								}
								
								}
							}
							.col-xs-9{
								h3{
									font-size: 24px;
								}
						}
					}
				}
			}
		}	
	}
}